<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>map方法</title>
</head>
<body>
<h2>数组中map方法</h2>
<p>
    作用：map 迭代数组
</p>
<p>
    使用场景： <br>
    map 可以处理数据(比如拼接字符串)，并且返回 新的数组
</p>
<hr>

<script>
    const 数组 = ['中国', '美国', '红河谷']
    // map 迭代数组,   注意参数位置
    // map方法, 开发中往往是为了 获取一个数组要返回一个新数组
    const 新数组 = 数组.map(function (数组_元素, 数组_索引号) {
        console.log(数组_元素)  // 相当于遍历的方法,输出 值
        console.log(数组_索引号)
        // 迭代数组, 同时返回一个新的数组
        return 数组_元素 + '老师'
    })
    console.log(新数组) // 控制台看, 新数组 的值  // ["中国老师", "美国老师", "红河谷老师"]


    const 数组2 = [10, 20, 30]
    const 新数组2 = 数组2.map(function (元素) {
        return 元素 + 10
    })
    console.log(新数组2) // [20, 30, 40]
</script>
</body>
</html>